@mixin clearfix {
    &:after {
        content: "";
        display: table;
        clear: both;
    }
}

@mixin scrollBar {
    &::-webkit-scrollbar-track-piece {
        background: #d3dce6;
    }

    &::-webkit-scrollbar {
        width: 6px;
    }

    &::-webkit-scrollbar-thumb {
        background: #136deb;
        border-radius: 20px;
    }
}

@mixin relative {
    position: relative;
    width: 100%;
    height: 100%;
}

@mixin scrollBar_1 {
    &::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
        background-color: #fff;
        border-radius: 2px;
    }

    &::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: #fff;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #70a3fd), color-stop(0.72, #4b8bff), color-stop(0.86, #7ba8f5))
    }
}
